<template>
  <div>
    <van-nav-bar title="我的优惠券" left-arrow @click="onClickLeft" />

    <div class="coupon">
      <div class="coupon-head">
        <div class="coupon-left">我有服务优惠码</div>
        <div class="coupon-right" @click="Exchange">去兑换<van-icon name="arrow" /></div>
      </div>
      <div style="height: 500px;">
        <van-empty description="暂无可用优惠券" />
      </div>
    </div>
  </div>
</template>

<script setup lang='ts'>
const onClickLeft = () => history.back()

import { useRouter } from 'vue-router'

const router = useRouter()


const Exchange = () => {
  router.push('/Exchange')
}



</script>




<style lang="scss" scoped>

*{
  font-size: 12px;
}
.coupon {
  width: 100%;
  height: 100%;
  background-color: #f2f5f7;
  padding: 15px;
  .coupon-head {
    height: 50px;
    width: 100%;
    background-color: #fff;
    line-height: 50px;
    padding: 0 15px;
    .coupon-left {
      float: left;
    }
    .coupon-right {
      float: right;
      color: #848282;
    }
  }
}
</style>